<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米</title>
    <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/mi.css">
</head>
<body>
<!-- 头部 -->
<header class="header">
    <div class="w">
        <ul class="headerleft">
            <li><a href="#">小米商城</a><span>|</span></li>
            <li><a href="#">MIUI</a><span>|</span></li>
            <li><a href="#">LoT</a><span>|</span></li>
            <li><a href="#">云服务</a><span>|</span></li>
            <li><a href="#">天星数科</a><span>|</span></li>
            <li><a href="#">有品</a><span>|</span></li>
            <li><a href="#">小爱开放平台</a><span>|</span></li>
            <li><a href="#">企业团购</a><span>|</span></li>
            <li><a href="#">资质证照</a><span>|</span></li>
            <li><a href="#">协议规则</a><span>|</span></li>
            <li>
                <a href="#">下载app</a><span>|</span>
                <div class="loaddown">
                    <a href="#">
                        <img src="./images/download.png" alt="">
                    </a>
                    <p>小米二维码</p>
                </div>
                <div class="sanjiao"></div>
            </li>
            <li><a href="#">智能生活</a><span>|</span></li>
            <li><a href="#">Select Location</a></li>
        </ul>
        <ul class="headerright">
            <li><a href="#">登录</a><span>|</span></li>
            <li><a href="#">注册</a><span>|</span></li>
            <li><a href="#">消息通知</a></li>
            <li>
                <a href="#" class="cart">
                    <i class="iconfont icon-gouwuche"></i>购物车(0)
                </a>
                <div class="cartlist">
                    购物车没有商品
                </div>
            </li>
        </ul>
    </div>
</header>
<!-- 头部 -->

<!-- 导航 -->
<div class="nav">
    <div class="w">
        <div class="logo">
            <a href="#"><img src="./images/logo-mi2.png" alt=""></a>
        </div>
        <!-- bar部分 -->
        <div class="bar">
            <ul>
                <li>
                    <a href="#" class="ab">小米手机</a>
                    <div class="barlist">
                        <div class="w">
                            <ul>
                                <li>
                                    <a href="#">
                                        <div class="imgs">
                                            <img src="./images/ecebd50c7840bb03d7b5e3bfe4d439c2.png" alt="">
                                        </div>
                                        <p>Xiaomi Civi</p>
                                        <p>2599元起</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="imgs">
                                            <img src="./images/ecebd50c7840bb03d7b5e3bfe4d439c2.png" alt="">
                                        </div>
                                        <p>Xiaomi Civi</p>
                                        <p>2599元起</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="imgs">
                                            <img src="./images/ecebd50c7840bb03d7b5e3bfe4d439c2.png" alt="">
                                        </div>
                                        <p>Xiaomi Civi</p>
                                        <p>2599元起</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="imgs">
                                            <img src="./images/ecebd50c7840bb03d7b5e3bfe4d439c2.png" alt="">
                                        </div>
                                        <p>Xiaomi Civi</p>
                                        <p>2599元起</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="imgs">
                                            <img src="./images/ecebd50c7840bb03d7b5e3bfe4d439c2.png" alt="">
                                        </div>
                                        <p>Xiaomi Civi</p>
                                        <p>2599元起</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="imgs">
                                            <img src="./images/ecebd50c7840bb03d7b5e3bfe4d439c2.png" alt="">
                                        </div>
                                        <p>Xiaomi Civi</p>
                                        <p>2599元起</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="#" class="ab">Redmi红米</a>
                    <div class="barlist">
                        <div class="w">
                            <ul>
                                <li>
                                    <a href="#">
                                        <div class="imgs">
                                            <img src="./images/ecebd50c7840bb03d7b5e3bfe4d439c2.png" alt="">
                                        </div>
                                        <p>Xiaomi Civi</p>
                                        <p>2599元起</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="imgs">
                                            <img src="./images/ecebd50c7840bb03d7b5e3bfe4d439c2.png" alt="">
                                        </div>
                                        <p>Xiaomi Civi</p>
                                        <p>2599元起</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="imgs">
                                            <img src="./images/ecebd50c7840bb03d7b5e3bfe4d439c2.png" alt="">
                                        </div>
                                        <p>Xiaomi Civi</p>
                                        <p>2599元起</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="imgs">
                                            <img src="./images/d07671f25a2b3a6c3d4fac189f28fbe9.png" alt="">
                                        </div>
                                        <p>Xiaomi Civi</p>
                                        <p>2599元起</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="imgs">
                                            <img src="./images/ecebd50c7840bb03d7b5e3bfe4d439c2.png" alt="">
                                        </div>
                                        <p>Xiaomi Civi</p>
                                        <p>2599元起</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="imgs">
                                            <img src="./images/ecebd50c7840bb03d7b5e3bfe4d439c2.png" alt="">
                                        </div>
                                        <p>Xiaomi Civi</p>
                                        <p>2599元起</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li><a href="#" class="ab">电视</a></li>
                <li><a href="#" class="ab">笔记本</a></li>
                <li><a href="#" class="ab">平板</a></li>
                <li><a href="#" class="ab">家电</a></li>
                <li><a href="#" class="ab">路由器</a></li>
                <li><a href="#" class="ab">智能硬件</a></li>
                <li><a href="#" class="ab">服务</a></li>
                <li><a href="#" class="ab">社区</a></li>
            </ul>
        </div>

        <!-- 搜索框 -->
        <div class="search">
            <input type="text" placeholder="小米10S">
            <button type="button" class="iconfont icon-fangdajing
            "></button>
            <div class="search-list">
                <a href="#">小米手机</a>
                <a href="#">小米手机</a>
                <a href="#">小米手机</a>
                <a href="#">小米手机</a>
                <a href="#">小米手机</a>
                <a href="#">小米手机</a>
                <a href="#">小米手机</a>
                <a href="#">小米手机</a>
            </div>
        </div>
    </div>
</div>
<!-- 导航 -->

<!-- Banner区域 -->
<div class="banner">
    <div class="w">
        <div class="banner-box">
            <img src="images/f22bf70c4dc00ab1ed9b3d71125534f7.jpg" alt="">
            <div class="slide">
                <ul>
                    <li class="a-1">
                        <a href="#">小米</a><i class="iconfont icon-jiantou"></i>
                        <div class="slide-list">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="">
                                        <span>Xiaomi C</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="a-1"><a href="#">小米</a><i class="iconfont icon-jiantou"></i></li>
                    <li class="a-1"><a href="#">小米</a><i class="iconfont icon-jiantou"></i></li>
                    <li class="a-1"><a href="#">小米</a><i class="iconfont icon-jiantou"></i></li>
                    <li class="a-1"><a href="#">小米</a><i class="iconfont icon-jiantou"></i></li>
                    <li class="a-1"><a href="#">小米</a><i class="iconfont icon-jiantou"></i></li>
                    <li class="a-1"><a href="#">小米</a><i class="iconfont icon-jiantou"></i></li>
                    <li class="a-1"><a href="#">小米</a><i class="iconfont icon-jiantou"></i></li>
                    <li class="a-1"><a href="#">小米</a><i class="iconfont icon-jiantou"></i></li>
                    <li class="a-1"><a href="#">小米</a><i class="iconfont icon-jiantou"></i></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- Banner区域 -->

<!-- 广告部分 -->
<div class="adv">
    <div class="w">
        <div class="adv-aside">
            <ul>
                <li class="row col"><a href="#"><i class="iconfont icon-dianhuaqia"></i><p>米粉卡</p></a></li>
                <li class="row col"><a href="#"><i class="iconfont icon-dianhuaqia"></i><p>米粉卡</p></a></li>
                <li class="row"><a href="#"><i class="iconfont icon-dianhuaqia"></i><p>米粉卡</p></a></li>
                <li class="col"><a href="#"><i class="iconfont icon-dianhuaqia"></i><p>米粉卡</p></a></li>
                <li class="col"><a href="#"><i class="iconfont icon-dianhuaqia"></i><p>米粉卡</p></a></li>
                <li><a href="#"><i class="iconfont icon-dianhuaqia"></i><p>米粉卡</p></a></li>
            </ul>
        </div>
        <div class="adv-img">
            <a href="#">
                <img src="./images/5d4298059889417157e8492750328492.jpg" alt="">
            </a>
        </div>
        <div class="adv-img">
            <a href="#">
                <img src="./images/5d4298059889417157e8492750328492.jpg" alt="">
            </a>
        </div>
        <div class="adv-img">
            <a href="#">
                <img src="./images/5d4298059889417157e8492750328492.jpg" alt="">
            </a>
        </div>
    </div>
</div>
<!-- 广告部分 -->

<!-- 主体区域 -->
<div class="container">
    <div class="w">
        <div class="phone">
            <!-- 中间大条广告 -->
            <div class="home-banner-box">
                <a href="#"><img src="./images/41d16e66381cfeda7b6b39ab67678d5e.jpg" alt=""></a>
            </div>
            <!-- 手机上部分 -->
            <h2 class="title">手机
                <a href="#" class="more">查看更多<i class="iconfont icon-youjiantou"></i></a>
            </h2>
            <!-- 手机主体部分 -->
            <div class="phone-box">
                <!-- 手机主体部分左侧 -->
                <div class="phone-left">
                    <a href="#"><img src="./images/c583f2edc613f1be20fa415910b13ce3.jpg" alt=""></a>
                </div>
                <div class="phone-right">
                    <ul>
                        <li><a href="#" class="items">
                            <img src="./images/eb69512d9d6430d865d457ec52eebb51.png" alt="" class="goods-img">
                            <p class="goods-name">小米10S</p>
                            <p class="goods-desc">小米10S简介</p>
                            <p class="goods-price">2599元起</p>
                        </a></li>
                        <li><a href="#" class="items">
                            <img src="./images/eb69512d9d6430d865d457ec52eebb51.png" alt="" class="goods-img">
                            <p class="goods-name">小米10S</p>
                            <p class="goods-desc">小米10S简介</p>
                            <p class="goods-price">2599元起</p>
                        </a></li>
                        <li><a href="#" class="items">
                            <img src="./images/eb69512d9d6430d865d457ec52eebb51.png" alt="" class="goods-img">
                            <p class="goods-name">小米10S</p>
                            <p class="goods-desc">小米10S简介</p>
                            <p class="goods-price">2599元起</p>
                        </a></li>
                        <li><a href="#" class="items">
                            <img src="./images/eb69512d9d6430d865d457ec52eebb51.png" alt="" class="goods-img">
                            <p class="goods-name">小米10S</p>
                            <p class="goods-desc">小米10S简介</p>
                            <p class="goods-price">2599元起</p>
                        </a></li>
                        <li><a href="#" class="items">
                            <img src="./images/eb69512d9d6430d865d457ec52eebb51.png" alt="" class="goods-img">
                            <p class="goods-name">小米10S</p>
                            <p class="goods-desc">小米10S简介</p>
                            <p class="goods-price">2599元起</p>
                        </a></li>
                        <li><a href="#" class="items">
                            <img src="./images/eb69512d9d6430d865d457ec52eebb51.png" alt="" class="goods-img">
                            <p class="goods-name">小米10S</p>
                            <p class="goods-desc">小米10S简介</p>
                            <p class="goods-price">2599元起</p>
                        </a></li>
                        <li><a href="#" class="items">
                            <img src="./images/eb69512d9d6430d865d457ec52eebb51.png" alt="" class="goods-img">
                            <p class="goods-name">小米10S</p>
                            <p class="goods-desc">小米10S简介</p>
                            <p class="goods-price">2599元起</p>
                        </a></li>
                        <li><a href="#" class="items">
                            <img src="./images/eb69512d9d6430d865d457ec52eebb51.png" alt="" class="goods-img">
                            <p class="goods-name">小米10S</p>
                            <p class="goods-desc">小米10S简介</p>
                            <p class="goods-price">2599元起</p>
                        </a></li>
                    </ul>
                </div>
            </div>
                </div>
            <div class="elc">
            <h2 class="title">家电</h2>
            <div class="elc-box clear">
                <div class="elc-left">
                    <ul>
                        <li class="items">
                            <a href="#">
                                <img src="./images/dfbdabe36b2d630d57a015e6fb5eb3ea.jpg" alt="">
                            </a>
                        </li>
                        <li class="items">
                            <a href="#">
                                <img src="./images/dfbdabe36b2d630d57a015e6fb5eb3ea.jpg" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="elc-right">
                    <ul> 
                        <li class="items"><a href="#">
                            <img src="./images/03a9e7e96a09d256ca1badeec186c859.jpg" alt="">
                            <p class="goods-name">小米电视</p>
                            <p class="goods-desc">小米电视简介</p>
                            <p class="goods-price">3599元起<del>4599元</del></p>
                        </a></li>
                        <li class="items"><a href="#">
                            <img src="./images/03a9e7e96a09d256ca1badeec186c859.jpg" alt="">
                            <p class="goods-name">小米电视</p>
                            <p class="goods-desc">小米电视简介</p>
                            <p class="goods-price">3599元起</p>
                        </a></li>
                        <li class="items"><a href="#">
                            <img src="./images/03a9e7e96a09d256ca1badeec186c859.jpg" alt="">
                            <p class="goods-name">小米电视</p>
                            <p class="goods-desc">小米电视简介</p>
                            <p class="goods-price">3599元起</p>
                        </a></li>
                        <li class="items"><a href="#">
                            <img src="./images/03a9e7e96a09d256ca1badeec186c859.jpg" alt="">
                            <p class="goods-name">小米电视</p>
                            <p class="goods-desc">小米电视简介</p>
                            <p class="goods-price">3599元起</p>
                        </a></li>
                        <li class="items"><a href="#">
                            <img src="./images/03a9e7e96a09d256ca1badeec186c859.jpg" alt="">
                            <p class="goods-name">小米电视</p>
                            <p class="goods-desc">小米电视简介</p>
                            <p class="goods-price">3599元起</p>
                        </a></li>
                        <li class="items"><a href="#">
                            <img src="./images/03a9e7e96a09d256ca1badeec186c859.jpg" alt="">
                            <p class="goods-name">小米电视</p>
                            <p class="goods-desc">小米电视简介</p>
                            <p class="goods-price">3599元起</p>
                        </a></li>
                        <li class="items"><a href="#">
                            <img src="./images/03a9e7e96a09d256ca1badeec186c859.jpg" alt="">
                            <p class="goods-name">小米电视</p>
                            <p class="goods-desc">小米电视简介</p>
                            <p class="goods-price">3599元起</p>
                        </a></li>
                        <li class="items-1">
                                <div>
                                    <a href="#">
                                        <p class="items-1-desc">
                                            <span>小米电视机超级棒，棒哒哒的棒</span>
                                            <br>
                                            <span class="price">7999元</span>
                                        </p>
                                        <img src="/images/20d36fbaa18625e4fe507af31e4e9f83.jpg" alt="" class="items1-img">
                                    </a>
                                </div>
                                <div>
                                    <a href="#">
                                        <p class="items-1-desc">
                                            <span class="more">浏览更多</span>
                                            <br>
                                            <span class="more1">电视影音</span>
                                        </p>
                                        <i class="iconfont icon-jiantouyou"></i>
                                    </a>
                                </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 视频 -->
            <div class="video">
                <h2 class="title">视频
                    <a href="#" class="more">查看更多<i class="iconfont icon-youjiantou"></i></a>
                </h2>
                <div class="video-box">
                    <ul>
                        <li><a href="#">
                            <div class="video-img">
                                <img src="./images/e74c4ff741bcdfc5b28a48a43e4edc6d.jpg" alt="">
                                <div class="play">
                                    <div></div>
                                </div>
                            </div>
                            <p class="video-name">2022春季发布会第一季</p>
                        </a></li>
                        <li><a href="#">
                            <div class="video-img">
                                <img src="./images/e74c4ff741bcdfc5b28a48a43e4edc6d.jpg" alt="">
                                <div class="play">
                                    <div></div>
                                </div>
                            </div>
                            <p class="video-name">2022春季发布会第一季</p>
                        </a></li>
                        <li><a href="#">
                            <div class="video-img">
                                <img src="./images/e74c4ff741bcdfc5b28a48a43e4edc6d.jpg" alt="">
                                <div class="play">
                                    <div></div>
                                </div>
                            </div>
                            <p class="video-name">2022春季发布会第一季</p>
                        </a></li>
                        <li><a href="#">
                            <div class="video-img">
                                <img src="./images/e74c4ff741bcdfc5b28a48a43e4edc6d.jpg" alt="">
                                <div class="play">
                                    <div></div>
                                </div>
                            </div>
                            <p class="video-name">2022春季发布会第一季</p>
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 主体区域 -->
<!-- 底部区域 -->
<div class="footer">
    <div class="w">
        <div class="footer-server">
            <ul>
                <li><a href="#">
                    <i class="iconfont icon-qitianwuliyoutuihuan"></i>七天无理由退货
                </a></li>
                <li><a href="#">
                    <i class="iconfont icon-qitianwuliyoutuihuan"></i>七天无理由退货
                </a></li>
                <li><a href="#">
                    <i class="iconfont icon-qitianwuliyoutuihuan"></i>七天无理由退货
                </a></li>
                <li><a href="#">
                    <i class="iconfont icon-buoumaotubiao46"></i>预约服务
                </a></li>
                <li><a href="#">
                    <i class="iconfont icon-qitianwuliyoutuihuan"></i>七天无理由退货
                </a></li>
            </ul>
        </div>
        <div class="footer-links">
            <ul>
                <li>帮助中心</li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
            </ul>
            <ul>
                <li>帮助中心</li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
            </ul>
            <ul>
                <li>帮助中心</li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
            </ul>
            <ul>
                <li>帮助中心</li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
            </ul>
            <ul>
                <li>帮助中心</li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
            </ul>
            <ul>
                <li>帮助中心</li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
            </ul>
            <div class="footer-links-right">
                <p class="phone">400-100-5678</p>
                <p class="time">8:00-18:00(尽收市话费)</p>
                <a href="#"><i class="iconfont icon-kefu"></i>人工客服</a>
                <p class="follow">关注小米：
                    <span class="weibo"></span>
                    <span class="weixin">
                        <img src="./images/wx-img.png" alt="" class="wx-img">
                    </span>
                </p>
            </div>
        </div>
        <div class="footer-info">
            <div class="info-top">
                <img src="./images/logo-mi2.png" alt="">
                <div class="info-right">
                <p>
                    <a rel="nofollow" href="//www.mi.com/index.html" target="_blank">小米商城</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//www.miui.com/" target="_blank">MIUI</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//home.mi.com/index.html" target="_blank">米家</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="http://www.miliao.com/" target="_blank">米聊</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//www.duokan.com/" target="_blank">多看</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//game.xiaomi.com/" target="_blank">游戏</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//b.mi.com/?client_id=180100031058&masid=17409.0358" target="_blank">政企服务</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//xiaomi.tmall.com/" target="_blank">小米天猫店</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//privacy.mi.com/all/zh_CN/" target="_blank">小米集团隐私政策</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f516fe9e2c01.html" target="_blank">小米公司儿童信息保护规则</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//m.mi.com/support/module?id=63&headless=1" target="_blank">小米商城隐私政策</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//www.mi.com/aptitude/list?id=62" target="_blank">小米商城用户协议</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//static.mi.com/feedback/" target="_blank">问题反馈</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="javascript:void(0);" class="J_siteGlobalRegion">Select Location</a>
                    <br>
                    <a rel="nofollow" href="http://www.mi.com/beihu" target="_blank">北京互联网法院法律服务工作站</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="http://www.cca.org.cn/" target="_blank">中国消费者协会</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="http://www.bj315.org/" target="_blank">北京市消费者协会</a>
                </p>
                <p>
                    &copy;
                    <a href="javascript:;" target="_blank" title="mi.com">mi.com</a> 京ICP证110507号
                    <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备10046444号</a>
                    <a rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134" target="_blank">京公网安备11010802020134号</a>
                    <a href="//www.mi.com/culture-license/" target="_blank">京网文[2020]0276-042号</a>
                    <br>
                    <a href="//www.mi.com/medical/record/" target="_blank">（京）网械平台备字（2018）第00005号</a>
                    <a href="//www.mi.com/medical/qualification/" target="_blank">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                    <a href="//www.mi.com/business-license/" target="_blank">营业执照</a>
                    <a href="//www.mi.com/medical/list/" target="_blank">医疗器械质量公告</a>
                    <br>
                    <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e0c7d4cf3b7cd88de10196e30c92e020.png" target="_blank">增值电信业务许可证</a>&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                    <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6859168166651511897f54fa1047fe3.png" target="_blank">食品经营许可证</a>
                    <br>
                    违法和不良信息举报电话：171-5104-4404&nbsp;<a href='https://www.mi.com/intellectual' target="_blank">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
                    <p>
                        <img src="./images/truste.png" alt="">
                        <img src="./images/truste.png" alt="">
                        <img src="./images/truste.png" alt="">
                        <img src="./images/truste.png" alt="">
                        <img src="./images/truste.png" alt="">
                    </p>
                </div>
            </div>
            <div class="info-bottom">
                <img src="./images/slogan2020.png" alt="">
            </div>
        </div>
    </div>
</div>
<!-- 底部区域 -->





    
</body>
</html>